<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="d" uri="http://dgg.net/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${title}</title>
    <c:import url="header_evaluating.jsp"/>
</head>

<body>
<!-- 头部 -->
<header>
    <a href="javascript:history.back(-1)">
        <img src="${rootUrl}/static/evaluating/images/back-ico.png" alt="">
    </a>
    <span>地域选择</span>

    <a href="javascript:void(0);"></a>
</header>
<!-- 主题 -->
<div class="main">
    <ul class="area-list">
        <c:forEach items="${treeBookList}" var="key">
            <li class="city-option <c:if test="${key.code == paperAreaCode}">selected</c:if>" onclick="changArea(this);" areaCode="${key.code}">
                <span>${key.name}</span>
            </li>
        </c:forEach>

    </ul>
</div>
<!-- 字体自适应 -->
<script src="${rootUrl}/static/evaluating/js/autoSize.js"></script>
<script  src="${rootUrl}/static/evaluating/js/bscroll.min.js"></script>
<script src="${rootUrl}/static/evaluating/js/jquery.min.js"></script>
<link rel="stylesheet" href="${rootUrl}/static/evaluating/css/reset1.css">
<link rel="stylesheet" href="${rootUrl}/static/evaluating/css/index1.css">
<script>
   function changArea(obj) {
       var paperCategory = '${paperType}';
       var paperAreaCode = $(obj).attr("areaCode");
       window.location.href = sysInfo.basePath+"/api/evaluating/query_paper_by_paper_type.html?paperType="+paperCategory+"&paperAreaCode="+paperAreaCode;
   }
</script>
</body>
</html>